/** Common **/
body.metal {
    background: url('../../images/color_schemes/metal/common/background.jpg') no-repeat fixed top left;
}

.metal a {
    color: #eb721e;
}

/** Header **/

.metal #header h1 a {
    color: #c5c5c5;
    text-shadow:0 5px 10px #222222;
}

.metal #header h1 a:hover {
    color: #eee;
}

.metal #header h2 {
    color: #c5c5c5;
    text-shadow:0 5px 10px #222222;
}


/** Site navigation **/
.metal #site-navigation {
    background: url('../../images/color_schemes/metal/common/nav-bg.png') repeat-x center center;
    border: solid 1px #696969;
    -webkit-box-shadow: 5px 5px 5px #333;
    -moz-box-shadow: 5px 5px 5px #333;
}

.metal #site-navigation li a {
    color: #363636;
    text-shadow:0 1px 2px #999999;
}

.metal #site-navigation li a:hover, .metal #site-navigation li a.current {
    color: #438AD3;
    text-shadow:0 1px 2px #777;
}

.metal #site-navigation li.has-children li a {
    color: #d46231;
    background: #131313;
    border-color: #a2a2a2;
}

.metal #site-navigation li.has-children li a:hover {
    color: #438AD3;
    text-shadow:0 1px 2px #999999;
}

/** Style changer **/
.metal #style-changer img {
    padding: 10px 20px 6px;
}

.metal #style-changer-list li a {
    color: #d46231;
    background: #131313;
    border-color: #a2a2a2;
}

.metal #style-changer-list li a:hover {
    color: #438AD3;
    background: #131313;
    text-shadow:0 1px 2px #999999;
}


/** Setting navigation **/
.metal #setting-navigation {
    border: solid 1px #696969;
    background: url('../../images/color_schemes/metal/common/nav-bg.png') repeat-x center center;
}

.metal #setting-navigation li a {
    color: #0d517e;
    text-shadow:0 2px 4px #999999;
}

.metal #setting-navigation li a:hover {
    color: #d46231;
}

.metal #setting-navigation li a.current {
    color: #0d517e;
    background: #e8e8e8;
    border: solid 1px #696969;
    border-bottom: solid 1px #e8e8e8;
}


/** Setting page **/
.metal #setting-page-title {
    color: #0d517e;
}

.metal #setting-page-header.has-icon {
    border-bottom:solid 2px #206981;
}

/** Widget **/
.metal #hsidebar {
    background: #a1a1a1 url('../../images/color_schemes/metal/common/box-bg.png') repeat-x top center;
    border: solid 1px #696969;
    -webkit-box-shadow: 5px 5px 5px #333;
    -moz-box-shadow: 5px 5px 5px #333;
}

.metal .widget-header {
    color: #0d517e;
    text-shadow:0 2px 4px #999999;
}

.metal .widget-content {
    color: #333;
}

.metal .widget-content a {
    color: #9A1724;
}

.metal #vsidebar .widget {
    background: #a1a1a1 url('../../images/color_schemes/metal/common/box-bg.png') repeat-x top center;
    border: solid 1px #696969;
    -webkit-box-shadow: 5px 5px 5px #333;
    -moz-box-shadow: 5px 5px 5px #333;
}

/** Main container **/

.metal #main-container {
    background : #e8e8e8;
    border: solid 1px #696969;
    -webkit-box-shadow: 5px 5px 5px #333;
    -moz-box-shadow: 5px 5px 5px #333;
}

/** Footer **/

.metal #footer {
    background: #a1a1a1 url('../../images/color_schemes/metal/common/box-bg.png') repeat-x top center;
    border: solid 1px #696969;
    -webkit-box-shadow: 5px 5px 5px #333;
    -moz-box-shadow: 5px 5px 5px #333;
}

/** Form **/
.metal .form-container {
    background: #e2e2e2 url('../../images/color_schemes/metal/common/inset.png') repeat-x top center;
    border:outset 1px #999;
    -webkit-box-shadow: 5px 5px 5px #333;
    -moz-box-shadow: 5px 5px 5px #333;
}

.metal .form-button {
    background: url('../../images/color_schemes/metal/common/btn-bg.png') repeat-x center center;
    border:outset 1px #d3d3d3;
    color: #555555;
}

.metal .form-button.hover {
    background: url('../../images/color_schemes/metal/common/btn-bg-hover.png') repeat-x center center;
    border:solid 1px #999999;
    color: #212121;
}

.metal .form-textbox, .metal .form-textarea {
    border:solid 1px #999999;
    color: #888;
}

.metal .form-textbox.focus, .metal .form-textarea.focus {
    border:solid 1px #196170;
    color: #196170;
}

.metal .form-label {
    color: #206981;
}

.metal .form-description {
    color: #196170;
}

.metal .form-error, .metal .form-error.focus {
    color: #ff0000;
}

.metal .form-controller a {
    background: url('../../images/color_schemes/metal/common/btn-bg.png') repeat-x center center;
    border:outset 1px #d3d3d3;
    color: #555555;
}

.metal .form-controller a:hover {
    background: url('../../images/color_schemes/metal/common/btn-bg-hover.png') repeat-x center center;
    border:solid 1px #999999;
    color: #212121;
}

/** Page Json **/
.metal .pagejson-row {
    border-bottom: solid 1px #206981;
}

.metal .pagejson-main-header {
    color: #FF5640;
}

.metal .pagejson-control a {
    background: url('../../images/color_schemes/metal/common/btn-bg.png') repeat-x center center;
    border:outset 1px #d3d3d3;
    color: #555555;
}

.metal .pagejson-control a:hover {
    background: url('../../images/color_schemes/metal/common/btn-bg-hover.png') repeat-x center center;
    border:solid 1px #999999;
    color: #212121;
}

.metal .pagejson-pagination {
    background: url('../../images/color_schemes/metal/common/nav-bg-light.png') repeat-x center center;
    border: outset 1px #999;
}

.metal .pagejson-pagination a {
    color: #0d517e;
    text-shadow:0 2px 4px #999999;
}

.metal .pagejson-pagination:hover {
    background: url('../../images/color_schemes/metal/common/nav-bg.png') repeat-x center center;
    border: solid 1px #696969;
}

/** Notes **/
.metal .note-detail {
    color: #9A1724;
}

.metal .note-author {
    color: #206981;
}

.metal .form-note-info, .metal .form-note-sticky label{
    color: #0d517e;
}

/** Personal info and products **/
.metal #personal-info,
.metal #academics,
.metal #interests,
.metal #certifications,
.metal .product-row {
    border-bottom: solid 1px #206981;
}

.metal .product-row.last {
    border-bottom: solid 2px #206981;
}

.metal #setting-main-content h3,
.metal #personal-info h3,
.metal #interests h3,
.metal #certifications h3,
.metal #academics h3,
.metal #papers h3,
.metal #projects h3 {
    color: #FF5640;
}

.metal #papers h4,
.metal #projects h4 {
    color: #206981;
    font-weight: bold;
}

/** Pages **/
.metal .page-detail {
    color: #9A1724;
}

.metal .page-author {
    color: #206981;
}

.metal #owl-page-title h2 {
    color: #9A1724;
}

.metal #advance-container {
    background: #e2e2e2 url('../../images/color_schemes/metal/common/inset.png') repeat-x top center;
    border:outset 1px #999;
    -webkit-box-shadow: 5px 5px 5px #333;
    -moz-box-shadow: 5px 5px 5px #333;
}

.metal #button-container {
    border-top:solid 1px #206981;
}

.metal #advance-container h4 {
    color: #206981;
}

/** jTable **/
.metal .jtable {
    border: solid 1px #696969;
}

.metal .jtable th {
    background: #e2e2e2 url('../../images/color_schemes/metal/common/inset.png') repeat-x center center;
    color: #003147;
}

.metal .jtable td {
    border-top: solid 1px #696969;
}

.metal .jtable a {
    color: #206981;
}

.metal .jtable .selected td {
    background: #ffc73d url('../../images/color_schemes/metal/common/error-bg.png') repeat-x center center;
    color: #111111;
}

.metal .jtable tfoot td {
    background: #a1a1a1 url('../../images/color_schemes/metal/common/box-bg.png') repeat-x center center;
    border-top: solid 1px #696969;
}

.metal .jtable tfoot td a {
    color: #003147;
}

/** Theme **/
.metal #current-theme {
    border-bottom:solid 2px #206981;
}

.metal #theme-list td {
    border-bottom:solid 1px #206981;
}


/** Others **/
.metal .ajax-error {
    border: 1px solid #ffb73d;
    background: #ffc73d url('../../images/color_schemes/metal/common/error-bg.png') repeat-x center center;
    color: #111111;
}

.metal .ajax-success {
    border: 1px solid #cccccc;
    background: #eeeeee url('../../images/color_schemes/metal/common/success-bg.png') repeat-x center center;
    color: #2e7db2;
}

.metal .info-extra a {
    color: #0d517e;
}

.metal .info-extra.add {
    background: transparent url('../../images/color_schemes/metal/icon/add.png') no-repeat center left;
}

.metal .info-extra.delete {
    background: transparent url('../../images/color_schemes/metal/icon/delete.png') no-repeat center left;
}

.metal .info-extra.edit {
    background: transparent url('../../images/color_schemes/metal/icon/edit.png') no-repeat center left;
}
